下载链接：https://nodejs.org/en/download/ 我选择的是zip格式的64bit

解压后，双击安装，一路next到安装完成，没有特别的地方

安装成功后，配置node的环境变量，在系统变量的path编辑，然后点击新建 输入node的安装路径

环境配置成功后，cmd调出命令提示符界面，输入node -v以及npm -v查看是否安装成功 有版本号，表示安装成功

脚手架是官方的，安装命令：

①npm i -g @vue/cli 安装脚手架

②npm i -g @vue/cli-init 兼容2.0（支持npm run dev等命令）

③安装以上两个之后，配置vue的环境变量，找到vue.cmd的目录所在（如果忘记了安装在哪里，可以全盘搜索），复制路径，在path中新增环境变量，如下图：

④继续在命令提示符中输入：vue --version 或 vue -V 查看当前版本。如下 安装成功。

1.在电脑中创建一个空文件加用于存放vue项目

2.打开visual studio code软件，点击File(文件)–>open Folder（打开文件）–> 选择新建的空文件夹，点击确定，然后同时点击ctrl+shift+~键，打开终端窗口，输入vue init webpack 项目名。

（PS:如果没报错，可以跳过以下两步）

3.大概率是可以成功的，但是也会有概率出错，出现如下错误： 出现这种错误有两种可能， 第一种：安装时，没有配置vue的环境变量，安装上文中的方法配置环境即可 第二中：vue的环境已经配置了，还是报这种错，在电脑中左下角搜索PowerShell，以管理员身份运行 ①在powerShell中执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的） ②继续执行：set-ExecutionPolicy RemoteSigned ③最后执行：get-ExecutionPolicy，显示RemoteSigned

然后关闭PowerShell, 重启visual studio code ,大概率可以成功执行vue init webpack 项目名了

4.但是，如果你的运气还是不好（衰神附体），又出现如下错误： 只需要再次管理员身份运行PowerShell，执行：set-ExecutionPolicy RemoteSigned

再次关闭PowerShell和重启visual studio code，终端再次输出vue init webpack 项目名，基本肯定可以成功了。

5.成功后出现 点击enter键，会让你选择一些选项，全选yes,额可以参考我选的，如下

等待下载完成，时间可能比较久，不急 出现如上页面说明创建项目成功了，左上角就出现了如下的项目结构，就可以开发vue项目喽，开心，美滋滋。 我也是vue新手，所以可以体会到各位对于创建vue项目的无助感，希望可以帮助到各位吧，希望点赞，收藏，关注，评论走一波，哈哈

----我是“道祖且长”，一个在互联网苟且偷生的Java程序员